<!DOCTYPE html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8" />
		<title>领导测评</title>
		<link rel="stylesheet" type="text/css" href="<c:url value='/resource/jxkh/css/main.css'/>" />
	</head>

	<body>
		<div class="njga" style="overflow: auto;">
						<div class="bmkhcp" id="bmkhcp">
							<div class="bmkhcp_lf" id="bmkhcp_lf">
								<div class="title">部门考核</div>
								<table class="table_bmkhcp">
									<tr>
										<td width="120px">被考核人</td>
										<td>李强</td>
									</tr>
									<tr>
										<td>考核月份</td>
										<td>9月</td>
									</tr>
									<tr>
										<td>工作总结</td>
										<td>负责党群、机关建设、精神文明建设、新闻宣传、干部学习培训、人大代表建议和政协委
员提案办理、计划生育、妇女、共青团、机动车驾驶员培训、机动车维修行业管理以及交
通运输管理所的日常工作。</td>
									</tr>
									<tr>
										<td>自我评价</td>
										<td class="td_last">
											<div class="td_row">
												<div class="block block1">
													<span>德</span>
													<span>A</span>
												</div>
												<div class="block">
													<span>能</span>
													<span>B</span>
												</div>
												<div class="block block1">
													<span>勤</span>
													<span>A</span>
												</div>
												<div class="block">
													<span>绩</span>
													<span>B</span>
												</div>
												<div class="block block1">
													<span>廉</span>
													<span>A</span>
												</div>
												<div class="block">
													<span>请假</span>
													<span>1</span>
												</div>
												<div class="block block1">
													<span>迟到</span>
													<span>1</span>
												</div>
												<div class="block">
													<span>早退</span>
													<span>1</span>
												</div>
												<div class="block block1">
													<span>缺勤</span>
													<span>1</span>
												</div>
											</div>
										</td>
									</tr>
								</table>
							<div class="ldpj">领导评鉴
							<div class="kqjl" id="kqjl">考勤记录</div>
							</div>
							<table class="ldpj_table">
								<tr>
									<td width="275px" class="ldpj_table_td">
										<div class="text">德</div>
										<div class="inpt_w">
										<div class="inpt_w_l inpt_w_l_hov"></div>
										<div class="inpt_w_r">A</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">B</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">C</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">D</div>
		                              </div>
									</td>
									<td width="110px">
										<div class="td_select">
											<div class="td_select1">
											<p>19分</p>
											<div class="arrow_down"></div>
											</div>
											<ul class="td_select_xl">
												<li>10分</li>
												<li>20分</li>
												<li>30分</li>
											</ul>
										</div>
									</td>
									<td>
										<input type="text" class="td_inpt" placeholder="备注说明" />
									</td>
								</tr>
								<tr>
									<td width="275px" class="ldpj_table_td">
										<div class="text">能</div>
										<div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">A</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l inpt_w_l_hov"></div>
										<div class="inpt_w_r">B</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">C</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">D</div>
		                              </div>
									</td>
									<td width="110px">
										<div class="td_select">
											<div class="td_select1">
											<p>15分</p>
											<div class="arrow_down"></div>
											</div>
											<ul class="td_select_xl">
												<li>10分</li>
												<li>20分</li>
												<li>30分</li>
											</ul>
										</div>
									</td>
									<td>
										<input type="text" class="td_inpt" placeholder="备注说明" />
									</td>
								</tr>
								<tr>
									<td width="275px" class="ldpj_table_td">
										<div class="text">勤</div>
										<div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">A</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l inpt_w_l_hov"></div>
										<div class="inpt_w_r">B</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">C</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">D</div>
		                              </div>
									</td>
									<td width="110px">
										<div class="td_select">
											<div class="td_select1">
											<p>15分</p>
											<div class="arrow_down"></div>
											</div>
											<ul class="td_select_xl">
												<li>10分</li>
												<li>20分</li>
												<li>30分</li>
											</ul>
										</div>
									</td>
									<td>
										<input type="text" class="td_inpt" placeholder="备注说明" />
									</td>
								</tr>
								<tr>
									<td width="275px" class="ldpj_table_td">
										<div class="text">绩</div>
										<div class="inpt_w">
										<div class="inpt_w_l inpt_w_l_hov"></div>
										<div class="inpt_w_r">A</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">B</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">C</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">D</div>
		                              </div>
									</td>
									<td width="110px">
										<div class="td_select">
											<div class="td_select1">
											<p>请选择</p>
											<div class="arrow_down"></div>
											</div>
											<ul class="td_select_xl">
												<li>请选择1</li>
												<li>请选择2</li>
												<li>请选择3</li>
											</ul>
										</div>
									</td>
									<td>
										<input type="text" class="td_inpt" placeholder="备注说明" />
									</td>
								</tr>
								<tr>
									<td width="275px" class="ldpj_table_td">
										<div class="text">廉</div>
										<div class="inpt_w">
										<div class="inpt_w_l inpt_w_l_hov"></div>
										<div class="inpt_w_r">A</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">B</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">C</div>
		                              </div>
		                              <div class="inpt_w">
										<div class="inpt_w_l"></div>
										<div class="inpt_w_r">D</div>
		                              </div>
									</td>
									<td width="110px">
										<div class="td_select">
											<div class="td_select1">
											<p>请选择</p>
											<div class="arrow_down"></div>
											</div>
											<ul class="td_select_xl">
												<li>请选择1</li>
												<li>请选择2</li>
												<li>请选择3</li>
											</ul>
										</div>
									</td>
									<td>
										<input type="text" class="td_inpt" placeholder="备注说明" />
									</td>
								</tr>
							</table>
							<div class="ldpj">考核评语</div>
							<textarea rows="4" class="ldpj_textarea"></textarea>
							<div class="btn_row">
								<button type="button" class="button1">提交</button>
								<button type="button" class="button2">重置</button>
							</div>
							</div>
							<div class="bmkhcp_rt">
								<div class="bmkhcp_rt_main">
									<div class="title">考核指标说明</div>
									<div class="bmkhcp_title">共性指标 — <span>德（20分）</span></div>
									<div class="bmkhcp_b"><span class="span1"></span>信念坚定，政治过硬（5分）</div>
									<div class="bmkhcp_p">言行不符合共产党员、人民警察以及厅机关干部身份的，扣2分；未经批准不参加“三会一课”、 集中学习教育等活动的，每次扣0.5分；其他不符合本项要求的，视情扣分。
									</div>
									<div class="bmkhcp_b"><span class="span1"></span>对党忠诚，严守规矩（5分）</div>
									<div class="bmkhcp_p">对组织不忠诚老实，个人有关重大事项不报告的，扣2分；不按规定落实民主集中制、一岗双责责任制的，扣1分；不按组织原则和程序办事，存在不及时报告、越级报告等情况的，扣1分；其他不符合本项要求的，视情扣分。</div>
									<div class="bmkhcp_b"><span class="span1"></span>围绕中心，服务大局（5分）</div>
									<div class="bmkhcp_p">落实上级决策部署，主观上不努力，工作推动缓慢的，扣1分；过分看重部门利益、个人利益，与组织讨价还价的，扣1分；其他不符合本项要求的，视情扣分。</div>
									<div class="bmkhcp_b"><span class="span1"></span>对党忠诚，严守规矩（5分）</div>
									<div class="bmkhcp_p">对组织不忠诚老实，个人有关重大事项不报告的，扣2分；不按规定落实民主集中制、一岗双责责任制的，扣1分；不按组织原则和程序办事，存在不及时报告、越级报告等情况的，扣1分；其他不符合本项要求的，视情扣分。</div>
								</div>
							</div>
						</div>
						</div>
				<!--考勤记录弹出框-->
				<div class="khjl_pop" id="khjl_pop">
					<table class="table_khjl">
						<tr>
							<th width="20%">上班时间</th>
							<th width="20%">下班时间</th>
							<th width="15%">请假</th>
							<th width="15%">迟到</th>
							<th width="15%">早退</th>
							<th width="15%">缺勤</th>
						</tr>
						<tr>
							<td>2017/10/24 8:14:32</td>
							<td>2017/10/24 18:14:32 </td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
						</tr>
						<tr>
							<td>2017/10/24 8:14:32</td>
							<td>2017/10/24 18:14:32 </td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
						</tr>
						<tr>
							<td>2017/10/24 8:14:32</td>
							<td>2017/10/24 18:14:32 </td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
						</tr>
						<tr>
							<td>2017/10/24 8:14:32</td>
							<td>2017/10/24 18:14:32 </td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
						</tr>
						<tr>
							<td>2017/10/24 8:14:32</td>
							<td>2017/10/24 18:14:32 </td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
						</tr>
						<tr>
							<td>2017/10/24 8:14:32</td>
							<td>2017/10/24 18:14:32 </td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
						</tr>
						<tr>
							<td>2017/10/24 8:14:32</td>
							<td>2017/10/24 18:14:32 </td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
						</tr>
						<tr>
							<td>2017/10/24 8:14:32</td>
							<td>2017/10/24 18:14:32 </td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
							<td>0</td>
						</tr>
					</table>
				</div>
				<!--考勤记录弹出框结束-->

		<script type="text/javascript" src="<c:url value='/resource/jxkh/js/jquery-1.11.0.js'/>"></script>
		<!--弹出框-->
		<script type="text/javascript" src="<c:url value='/resource/jxkh/js/layer/layer.js'/>" ></script>
		<script type="text/javascript">
			function getContentSize() {
				var ew = document.getElementById("bmkhcp").offsetWidth; //获取id=njga_bottom现在的宽度
				bmkhcp_lf = (ew - 356) + "px";
				document.getElementById("bmkhcp_lf").style.width = bmkhcp_lf;
			}
			window.onload = getContentSize; //页面加载时调用getContentSize()
			window.onresize = getContentSize; //当改变窗口大小时会出发getContentSize()
			 $(document).ready(function(){
				//领导评鉴
				$(".ldpj_table_td .inpt_w_l").click(function(){
					$(this).addClass("inpt_w_l_hov");
					$(this).parent(".inpt_w").siblings(".inpt_w").children(".inpt_w_l").removeClass("inpt_w_l_hov");
				});
				//领导评鉴-选择分数
				$(document).click(function() {
				$(".td_select_xl").slideUp(200);
			});
			$(".td_select1").click(function(e) {
				e = e || window.event;
				if(e.stopPropagation) {
					e.stopPropagation();
				} else {
					e.cancelBubble = true;
				}
				$(this).next(".td_select_xl").slideToggle(200);
				var selecttext = $(this).children("p");
				var selectmain = $(this).next(".td_select_xl");
				var lis = selectmain.find('li');
				for(var i = 0; i < lis.length; i++) {
					lis[i].onclick = function() {
						selectmain.hide();
						var textval = $(this).html();
						selecttext.text(decodeURIComponent(textval));
					}
				}
			});
			//领导评鉴-选择分数结束
			//考勤记录弹出框
			$("#kqjl").on("click",function(){
      var open =  layer.open({
            type: 1,                                    //0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。
  			shift: 1,//动画    0-6     css3动画
  			 closeBtn: 1,       //关闭按钮  0 不显示  style  1和2  标题为 false 2
//			 btn: '取消',
          title:['考勤记录','background:#5f9ad1;color:#fff;text-align: left;font-size: 18px;'],
            area: ['860px', 'auto'], //宽高
            content: $("#khjl_pop") //iframe层-禁滚动条  $("#photosDemo").html()   'http://www.baidu.com/'          
        });    
    });
    //考勤记录弹出框结束
			
    })
			
		</script>
	</body>

</html>